<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>카드신청 | 제휴카드 | 제휴 멤버십카드</title>
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<script type="text/javascript" src="js/jquery.custom_radio_checkbox.js"></script>	
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>	
	<script type="text/javascript" src="js/ui_script.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/sub.js"></script>
</head>
 
<body class="card">			
	<div id="wrap">					
		<?include "include/header.html"?>
		<?include "include/banner.html"?>
		<?include "include/gnb.html"?>
		<div id="containerCont">
			<!-- 컨텐츠영역 시작 -->				
			<div id="cont" class="content realCont fix">
				<div class="leftMenu">
					<h2 class="title">
						카드신청
					</h2>
					<ul>
						<li><a href="#">Oh! point 멤버십카드</a><span class="open"><img src="images/icon_lnbmore.png" alt="하위메뉴 펼치기" /></span>
							<ul style="display:none;">
								<li><a href="#">카드목록</a></li>
								<li><a href="#">카드등록</a></li>
								<li><a href="#">선불카드</a></li>
							</ul>
						</li>
						<li class="on">제휴카드</li>						
						<li><a href="#">카드등록</a></li>						
					</ul>
					<ul class="smallBanner">
						<li class="custCenter">
							<p><img src="images/img_customercenter.png" alt="오!포인트 고객센터 평일:9:00~18:00 토/일/공휴일휴무" /></p>
							<strong><img src="images/img_customerphone.png" alt="1899-0005" /></strong>
						</li>
					</ul>							
				</div>
				<div class="rightCont">
					<!-- location menu -->
					<div class="location">
						<a class="home" href="#"><img src="images/ico/icon_home2.png" alt="HOME" /></a>
						<a href="#">카드신청</a>
						<a href="#">제휴카드</a>
						<span>제휴 멤버십카드</span>
					</div>
					<!-- // location menu -->
					<h3 class="title_sub">제휴 멤버십카드</h3>					
					<div class="box_associated01 clB">
						<p class="ass_txt01">Oh! point 적립 및 할인 혜택에<br /><span class="red02">제휴사 멤버십 혜택까지!</span></p>
						<p class="ass_txt02">카드의 Oh! point 로고를 확인하세요.</p>
						<ul class="ass_graph01">
							<li>전국 Oh! point 가맹점에서<br />적립 및 사용은 기본!</li>
							<li>제휴 멤버십<br />포인트 혜택도 함께!</li>
							<li>제휴사 별 Oh! point 회원만을 <br />위한 특별 혜택까지!</li>
						</ul>
					</div>
					<h3>추천카드</h3>					
					<div class="slideWrap01">
						<ul class="cd_List">
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card01.png" alt="" /></p>
								<p class="cd_Name">올레클럽 별 전환카드</p>								
							</li>
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card02.png" alt="" /></p>
								<p class="cd_Name">GS POP</p>								
							</li>
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card03.png" alt="" /></p>
								<p class="cd_Name">드롭탑</p>								
							</li>
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card04.png" alt="" /></p>
								<p class="cd_Name">서프라이즈 Oh!</p>									
							</li>
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card05.png" alt="" /></p>
								<p class="cd_Name">교보북클럽</p>									
							</li>
							<li>
								<p class="cd_List_img"><img src="images/card/img_membership_mid_card06.png" alt="" /></p>
								<p class="cd_Name">올레클럽 겸용카드</p>									
							</li>
						</ul>
																				
						<!-- mouse On했을때 나타나는 박스 -->
						<div class="mon_Box">
							<!-- 삭제 <p class="arr_Top"><img src="images/ico/icon_arrow_up_e93e44.png" alt="" /></p> -->
							<!-- default -->
							<p class="mon_Desc"><img src="images/ico/icon_starmark.png" alt="" />오포인트 제휴사 추천 카드 입니다. <span class="thin">제휴 멤버십 카드 한 장으로 Oh! point 적립 및 사용 혜택도 함께 받으세요!</span></p>
							<!-- //default -->
							<!-- 올레클럽 별전환카드 -->
							<p class="mon_Desc_white"><span class="thin">잠들어 있는 '별'을 깨우세요! 올레클럽 '별'을 'Oh! point'로 전환하고, 포인트는 더 크고 다양하게 사용하고~</span></p>
							<!-- //올레클럽 별전환카드 -->
							<!-- GS POP -->
							<p class="mon_Desc_white"><span class="thin">'티머니 카드'와 '멤버십 카드'가 만났다! 티머니 서비스 그대로 이용하면서, Oh! point와 멀티 멤버십 혜택을 함께!</span></p>
							<!-- //GS POP -->	
							<!-- 드롭탑 -->
							<p class="mon_Desc_white"><span class="thin">'카페드롭탑'과 Oh! point가 만났다! Oh! point 추가 1천 점 적립도 받고, 음료 사이즈 업그레이드 "또"받고</span></p>
							<!-- //드롭탑 -->	
							<!-- 서프라이즈 Oh! -->
							<p class="mon_Desc_white"><span class="thin">'엔터식스'와 'Oh! point'가 만났다! 엔터식스에서 최대 10% 포인트 사용하고, Oh! point와 엔터식스 포인트 함께 적립 받고</span></p>
							<!-- //서프라이즈 Oh! -->	
							<!-- 교보북클럽 -->
							<p class="mon_Desc_white"><span class="thin">Oh! point'와 '교보북클럽'이 만났다! 교보북클럽 통합포인트와 Oh! point 함께 쌓고, 최대 30%까지 포인트 사용</span></p>
							<!-- //교보북클럽 -->
							<!-- 올레클럽 겸용카드 -->
							<p class="mon_Desc_white"><span class="thin">올레클럽의 혜택과 Oh! point 혜택을 동시에! 올레클럽 '별' 혜택도 받고, Oh! point 혜택 '또'받고~</span></p>
							<!-- //올레클럽 겸용카드 -->
						</div>
						<!-- //mouse On했을때 나타나는 박스 -->	
						<!-- 이건 삭제 <div class="rollBtn01">
							<button class="prev" type="button">이전카드보기</button>
							<button class="next" type="button">다음카드보기</button>
						</div> -->

						
						<script type="text/javascript">
						(function(){
							var item = $('.slideWrap01 .cd_List_img img');
							var layer = $('.slideWrap01 .mon_Desc_white');
							var clicked;
							var cardSlide = $('.cd_List').bxSlider({
								infiniteLoop:false,
								auto:false,
								controls: true,
								pager: false,
								autoControls: false,
								hideControlOnEnd: true,
								slideWidth: 182,
								minSlides:1,
								maxSlides:4,
								moveSlides:1,
								onSliderLoad: function(){		// 슬라이드 스크립트 완료 후에,
									$('.slideWrap01 .bx-prev, .slideWrap01 .bx-next').on('click', function(){
										layer.hide();
										$('.slideWrap01 .cd_List li').removeClass('current');
									});
									
									item.on('click', function(){
										layer.hide();
										$('.slideWrap01 .cd_List li').removeClass('current');
										if (clicked != item.index($(this))){
											clicked = item.index($(this));
											layer.eq(clicked).show();
											$(this).parents('li').addClass('current');
										} else {
											clicked = null;
										}
										return false;
									});
								}
							});
						})();
						</script>
					</div>
					<div class="box_white">
						<ul class="chk_List">
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio1" value="" checked="checked" /><label for="radio1">전체</label></span></li>
							<li class="pr33"><span><input type="radio" class="radio-styled" name="radioChk" id="radio2" value="" /><label for="radio2">엔터테인먼트</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio3" value="" /><label for="radio3">쇼핑</label></span></li>
							<li class="pr111"><span><input type="radio" class="radio-styled" name="radioChk" id="radio4" value="" /><label for="radio4">주유</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio5" value="" /><label for="radio5">교통</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio6" value="" /><label for="radio6">통신</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio7" value="" /><label for="radio7">외식</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio8" value="" /><label for="radio8">커피</label></span></li>
							<li class="pr50"><span><input type="radio" class="radio-styled" name="radioChk" id="radio9" value="" /><label for="radio9">도서/교육/생활</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio10" value="" /><label for="radio10">리워드</label></span></li>
							<li class="pr70"><span><input type="radio" class="radio-styled" name="radioChk" id="radio11" value="" /><label for="radio11">리워드</label></span></li>
							<li class="pr70"><span><input type="radio" class="radio-styled" name="radioChk" id="radio12" value="" /><label for="radio12">리워드</label></span></li>
							<li class="pr70"><span><input type="radio" class="radio-styled" name="radioChk" id="radio13" value="" /><label for="radio13">리워드</label></span></li>
							<li class="pr98"><span><input type="radio" class="radio-styled" name="radioChk" id="radio14" value="" /><label for="radio14">리워드</label></span></li>
							<li><span><input type="radio" class="radio-styled" name="radioChk" id="radio15" value="" /><label for="radio15">리워드</label></span></li>
						</ul>
						<p class="ac mt74 clB"><a href="#"><img src="images/btn/btn_category_sch.png" alt="선택한 카테고리 검색" /></a></p>
					</div>					
					<h3>카드목록</h3>
					<div class="box05Btm fix">
						<div class="box05Top fix">
							<ul class="cdList_Wrap">
								<li>
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card01.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">Olleh club &amp; Oh! point 카드(전환)</a></p>
											<p class="cdList_txt02">올레클럽 ‘별’ 을 ‘Oh! point’로 전환하고,<br />포인트는 더 크고 다양하게 사용하고 ~</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
								<li>
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card02.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">GS POP 카드</a></p>
											<p class="cdList_txt02">티머니 서비스 그대로 이용하면서,<br />Oh! point와 멀티 멤버십 혜택을 함께!</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
								<li>
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card03.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">DROPTOP&amp;Oh! point 카드</a></p>
											<p class="cdList_txt02">Oh! point 추가 1천 점 적립도 받고, <br />음료 사이즈 업그레이드 “또” 받고</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
								<li>
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card04.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">서프라이즈 Oh! 카드</a></p>
											<p class="cdList_txt02">엔터식스에서 최대 10% 포인트 사용하고,<br />Oh! point와 엔터식스 포인트 함께 적립 받고</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
								<li>
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card05.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">교보북클럽 Oh! point 카드</a></p>
											<p class="cdList_txt02">교보북클럽 통합포인트와 Oh! point 함께 쌓고, <br />최대 30%까지 포인트 사용</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
								<li class="last">
									<div class="cdList_box">
										<div class="fl cdList_box_img"><img src="images/card/img_membership_list_card06.png" alt="" /></div>
										<div class="fl ml30 mmt5 cdList_box_txt">
											<p class="cdList_txt01"><a href="#">Olleh club &amp; Oh! point 카드(겸용)</a></p>
											<p class="cdList_txt02">올레클럽 ‘별’ 혜택도 받고, Oh! point 혜택 ‘또’ 받고~</p>
											<ul class="listNotice2 mlm5">
												<li class="bdN"><span class="bold">유형 :</span> 리워드 커피</li>
												<li class="bdN"><span class="bold">연회비 :</span> 없음</li>
											</ul>
										</div>
										<div class="fr mr40 mt25">
											<p><a href="#"><img src="images/btn/btn_seeall.png" alt="자세히 보기" /></a></p>
											<p class="mt6"><a href="#" target="_blank"><img src="images/btn/btn_card_app.png" alt="카드신청" /></a></p>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>					
					<!-- paging -->
					<div class="box05Btm mt10">
						<div class="box05Top">
							<div class="paging2">
								<a href="#" class="first"><img src="images/btn/btn_first.png" alt="맨처음으로" /></a>
								<a href="#" class="prev"><img src="images/btn/btn_prev.png" alt="이전으로" /></a>
								<strong>1</strong>								
								<a href="#">2</a>
								<a href="#">3</a>
								<a href="#">4</a>
								<a href="#">5</a>
								<a href="#">6</a>
								<a href="#">7</a>
								<a href="#">8</a>
								<a href="#">9</a>
								<a href="#">10</a>
								<a href="#" class="next"><img src="images/btn/btn_next.png" alt="다음으로" /></a>
								<a href="#" class="last"><img src="images/btn/btn_last.png" alt="맨마지막으로" /></a>
							</div>
						</div>
					</div>
					<!-- //paging -->					
				</div>
				<div class="cont">
					<img style="display:none;" src="images/@img_cont03.png" alt="" />
				</div>				
			</div>			
			<!-- //컨텐츠영역 종료 -->
			<?include "include/footer.html"?>	
		</div>
	</div>
</body>
</html>